﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
<!-- 包含公共的JSP代码片段 -->
<title>无线点餐平台</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/front/style/js/jquery.js"></script>
<script type="text/javascript" src="/front/style/js/page_common.js"></script>
<link href="/front/style/css/common_style_blue.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="/front/style/css/index_1.css" />
<link href="/front/style/css/index.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
		.a{
			font-weight: bold;
			background-color: #f6d881;
		}

		.b{
			color: white;
			background-color:#ff8f00;
		}
	</style>
	<script type="text/javascript">
		function gopage(num) {
			var f=document.getElementById("ff");
			f.action="/menu_ui/[[${session.desk.id}]]/"+num;
			f.submit();
		}

		function chooseType(type_id) {
			document.getElementById("type_id").value=type_id;
			gopage(1);
		}
	</script>
</head>
<body style="text-align: center">
    <form action="/menu_ui/${desk.id}/0/1" method="post" id="ff">
		<input type="hidden" name="type_id" id="type_id" th:value="${type_id}"/>
	</form>
	<div id="all">
		<div id="menu">
			<!-- 显示菜品的div -->
			<div id="top">
				<ul>
					    <!-- 循环列出餐品 -->
						<li th:each="food:${pageUtils.records}">
							<dl>
								<dt>
									<a th:href="|/menu_todetail/${food.id}|">
										<img width="214px" height="145px" th:src="|/upload/${food.photo}|" src="/front/style/images/baizhuoxia.jpg" />
									</a>
								</dt>
								<dd class="f1">
									<a href="caixiangxi.html" th:text="${food.title}">白灼虾</a>
								</dd>
								<dd class="f2">
									<a href="caixiangxi.html">&yen;<span th:text="${food.price}">36.0</span></a>
								</dd>
							</dl>
						</li>

				</ul>
			</div>

			<!-- 底部分页导航条div -->
			<div id="foot">
				
						<span
							style="float:left; line-height:53PX; margin-left:-50px; font-weight:bold; ">
							<span style="font-weight:bold">&lt;&lt;</span>
						</span>
				<div id="btn">
					<ul>
					   <!-- 分页序号 -->
						<li th:each="num:${pageUtils.numbers}"><a th:class="${pageUtils.pageIndex==num}? a" th:href="|javascript:gopage(${num});|" th:text="${num}">1</a></li>
					</ul>
				</div>
					<span style="float:right; line-height:53px; margin-right:10px;  ">
						<a
						href="#"
						style=" text-decoration:none;color:#000000; font-weight:bold">&gt;&gt;</a>
					</span>
			</div>

		</div>

		<!-- 右边菜系列表，菜品搜索框  -->
		<div id="dish_class">
			<div id="dish_top">
				<ul>
					<li class="dish_num"></li>
					<li>
						<a href="/my_carts">
							<img src="/front/style/images/call2.gif" />
						</a>
					</li>
				</ul>
			</div>

			<div id="dish_2">
				<ul>
					<li th:each="type:${foodTypes}">
						<a th:href="|javascript:chooseType(${type.id});|" th:class="${type.id==type_id}? b" th:text="${type.name}">粤菜</a>
					</li>
				</ul>
			</div>
			<div id="dish_3">
				<!-- 搜索菜品表单  -->
				<form action="#" method="post">
					<table width="166px">
						<tr>
							<td>
							</td>
						</tr>
						<tr>
							<td>

							</td>
						</tr>
						<tr>
							<td>
								<span style="color: red;font-weight: bold" th:text="|${session.desk.name}餐桌|"></span>
								<a href="#">
									<img src="/front/style/images/look.gif" />
								</a>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>

	</div>
</body>
</html>
